<template>
  <div id="app">
    <!-- <h1>{{ age }}</h1>
    <h1>{{ changge }}sss</h1>
    <h1>{{ $store.state.home.age }}</h1>
    <button @click="add(50)">点我</button>.
    <button @click="thisout">this</button> -->

    <router-link to="/home">Home</router-link>
    <div id="nav">
      <router-link to="/about" tag="span">about</router-link> |
      <router-link to="/about/a">about/a</router-link>
    </div>
    <router-view />
  </div>
</template>
<script>
import { mapState, mapGetters, mapMutations } from '@/Vuex/index'
export default {
  name: 'app',
  data() {
    return {

    }

  },
  computed: {
    ages() {
      return 555
    },
    ...mapState(['age']),
    ...mapGetters(['changge'])
  },
  mounted() {
  },
  methods: {
    ...mapMutations(['add']),
    thisout() {
      // console.dir(this.add)
      // console.log(this);
    }
  },
}
</script>

<style lang="less">

</style>
